<html xmlns="http://www.w3.org/1999/xhtml">
<head>
</head>
<body>

<!-- ===================================================================== -->
<!-- = XML information goes here                                         = -->
<!-- ===================================================================== -->
<lzelement title="Simpleboundslayout">
    <lztier>Utility Component</lztier>
    <lzcategory>layout</lzcategory>
    <lzshortdesc>
        Arranges a set of views along an 'x' or 'y' axis with respect to the bounding rect of the views
    </lzshortdesc>
    <lztag>utils/layouts/simpleboundslayout.xml</lztag>
</lzelement>


<p>Views have a bounding rectangle <!--index--> that can be different
than the rectangle that is defined by their position, width and
height. <classname>simpleboundslayout</classname> uses that bounding
rectangle to lay out a set of views along an x or y axis, similar to
<classname>simplelayout</classname> that uses a views position and its
width or height. The example below shows the difference when using
<classname>simpleboundslayout</classname> vs. a
<classname>simplelayout</classname> for a set of three views.</p>

<example title="Comparing simpleboundslayout with simplelayout">
&lt;canvas height="100"&gt;
  &lt;include href="utils/layouts/simpleboundslayout.lzx"/&gt;
  &lt;view bgcolor="0x8A8A8A" x="10" y="10"&gt;
    &lt;view width="60" height="60" bgcolor="teal"/&gt;       
    &lt;view width="60" height="60" bgcolor="blue" rotation="45"/&gt; 
    &lt;view width="60" height="60" bgcolor="teal"/&gt;           
    <em>&lt;simpleboundslayout axis="x"/&gt;</em> 
  &lt;/view &gt;
  &lt;view bgcolor="0x8A8A8A" x="250" y="10"&gt;
    &lt;view width="60" height="60" bgcolor="teal"/&gt;       
    &lt;view width="60" height="60" bgcolor="blue" rotation="45"/&gt; 
    &lt;view width="60" height="60" bgcolor="teal"/&gt;           
    <em>&lt;simplelayout axis="x"/&gt;</em> 
  &lt;/view &gt;
&lt;/canvas&gt;
</example>

</body>
</html>
<!-- * X_LZ_COPYRIGHT_BEGIN ***************************************************
* Copyright 2001-2004 Laszlo Systems, Inc.  All Rights Reserved.              *
* Use is subject to license terms.                                            *
* X_LZ_COPYRIGHT_END ****************************************************** -->
